<!DOCTYPE html>
<html lang="en">
<head>
    <title>Multi Month Week Picker</title>
    <meta name="description" content="Multi month week picker">
    <meta name="keywords" content="week picker,multi month,calendar,JavaScript">
    <meta name="author" content="Morshed Alam">
    <meta charset="UTF-8">

    <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css" rel="stylesheet">
    <link href="week-picker-view.css" rel="stylesheet"/>
</head>

<body>

<div class="container">
    <h2><a href="https://github.com/morshedalam/week-picker">Multi month week picker</a></h2>
    <a href="https://github.com/morshedalam/week-picker" class="btn btn-mini">Repository</a>
    <a href="https://github.com/morshedalam/week-picker/zipball/master" class="btn btn-mini">Download</a>
    <br/><br/>


    <h4>Example</h4>

    <p>A field with default options.</p>

    <div class="well">
        <input data-weekpicker="weekpicker"/>
        <xmp>Markup:
<input data-weekpicker="weekpicker"/></xmp>
    </div>

    <p>Specifying number of months via data tag.</p>

    <div class="well">
        <input data-weekpicker="weekpicker" data-months="5"/>
        <xmp>Markup:
<input data-weekpicker="weekpicker" data-months="5"/></xmp>
    </div>

    <p>Specifying start of week via data tag.</p>

    <div class="well">
        <input data-weekpicker="weekpicker" data-week_start="1"/>
        <xmp>Markup:
<input data-weekpicker="weekpicker" data-week_start="1"/></xmp>
    </div>

    <p>Using Icon.</p>

    <div class="well">
        <div class="input-append date" id="dp3" data-date="12-02-2012">
            <input type="text" readonly="" id="week_range"/>
        <span class="add-on" data-weekpicker="weekpicker"
              data-target="#week_range"><i class="icon-th"></i></span>
        </div>
        <xmp>
Markup:
<input type="text" readonly="" id="week_range"/>
<span class="add-on" data-weekpicker="weekpicker" data-target="#week_range">
    <i class="icon-th"></i>
</span></xmp>
    </div>
</div>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="week-picker.js"></script>
</body>
</html>